<template>
  <el-row :class="'inter-course-box'">
    <HPModuleTitle titleText="简历进展概况"></HPModuleTitle>
    <div class="courses-box">
      <span class="bg-line"></span>
      <el-row :class="'courses-container'">
        <div v-for="(item, index) in courseInfos" :key="index">
          <interview-passed
            v-if="
              item.leftDatas.state === 5 &&
              item.leftDatas.status !== 3 &&
              item.leftDatas.status !== 5
            "
            :datas="courseInfos[index]"
          ></interview-passed>
          <interview-feed-back
            v-if="item.leftDatas.state === 5 && item.leftDatas.status === 3"
            :datas="courseInfos[index]"
          ></interview-feed-back>
          <interview-feed-back
            v-if="item.leftDatas.state === 5 && item.leftDatas.status === 5"
            :datas="courseInfos[index]"
          ></interview-feed-back>
          <interview-arrange
            v-if="item.leftDatas.state === 4"
            :datas="courseInfos[index]"
          ></interview-arrange>
          <interview-tran-sign
            v-if="item.leftDatas.state === 2"
            :datas="courseInfos[index]"
          ></interview-tran-sign>
          <interview-resume-tran-sign
            v-if="item.leftDatas.state === 1"
            :datas="courseInfos[index]"
          ></interview-resume-tran-sign>
          <interview-resume-back
            v-if="item.leftDatas.state === 3"
            :datas="courseInfos[index]"
          ></interview-resume-back>
        </div>
      </el-row>
    </div>
  </el-row>
</template>
<script>
import InterviewPassed from "./interviewPassed";
import InterviewArrange from "./interviewArrange";
import InterviewTranSign from "./interviewTranSign";
import InterviewResumeTranSign from "./interviewResumeTranSign";
import InterviewResumeBack from "./interviewResumeBack";
import InterviewFeedBack from "./interviewFeedBack";
import HPModuleTitle from "../HPModuleTitle";
export default {
  components: {
    InterviewPassed,
    InterviewArrange,
    InterviewTranSign,
    InterviewResumeBack,
    InterviewResumeTranSign,
    InterviewFeedBack,
    HPModuleTitle,
  },
  props: {
    courseInfos: {
      type: [Object, Array],
      default: () => {
        return [];
      },
    },
  },
  data() {
    return {};
  },
  beforeMount() {
    console.log("进来了？？");
    console.log(this.courseInfos);
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
.inter-course-box {
  padding: 20px 20px 0 20px;
  background-color: #fff;
  margin-bottom: 20px;
  height: auto;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border-radius: 6px;
  .courses-box {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .bg-line {
    display: inline-block;
    width: 4px;
    height: 100%;
    overflow: hidden;
    background-color: $-bakcground-secondary;
    float: left;
    position: absolute;
    top: 66px;
    left: 35px;
  }
  .courses-container {
    width: 100%;
    padding-top: 25px;
    height: auto;
    overflow: hidden;
    border: 1px solid #eee;
    // border-radius: 3px;
  }
}
</style>
